<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<base href="../"/>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>IN ADMIN PANEL | Powered by INDEZINER</title>
		<link rel="stylesheet" type="text/css" href="manager/back_css/style.css" />
		<link rel="stylesheet" type="text/css" href="manager/back_css/css/style.css" media="screen"/>
		<script type="text/javascript" src="manager/back_css/jquery.min.js"></script>
		<script type="text/javascript" src="manager/back_css/ddaccordion.js"></script>
		<script src="manager/back_css/jquery.paginate.js" type="text/javascript"></script>
		<script type="text/javascript">
			ddaccordion.init({
				headerclass : "submenuheader", //Shared CSS class name of headers group
				contentclass : "submenu", //Shared CSS class name of contents group
				revealtype : "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
				mouseoverdelay : 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
				collapseprev : true, //Collapse previous content (so only one open at any time)? true/false
				defaultexpanded : [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
				onemustopen : false, //Specify whether at least one header should be open always (so never all headers closed)
				animatedefault : true, //Should contents open by default be animated into view?
				persiststate : true, //persist state of opened contents within browser session?
				toggleclass : ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
				togglehtml : ["suffix", "<img src='manager/back_css/images/plus.gif' class='statusicon' />", "<img src='manager/back_css/images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
				animatespeed : "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
				oninit : function(headers, expandedindices) {//custom code to run when headers have initalized
					//do nothing
				},
				onopenclose : function(header, index, state, isuseractivated) {//custom code to run whenever a header is opened or closed
					//do nothing
				}
			})
		</script>
		<script src="manager/back_css/jquery.jclock-1.2.0.js.txt" type="text/javascript"></script>
		<script type="text/javascript" src="manager/back_css/jconfirmaction.jquery.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.ask').jConfirmAction();
			});

		</script>
		<script type="text/javascript">
			$(function($) {
				$('.jclock').jclock();
				$('#mypager').paginate();
			});
		</script>

		<script language="javascript" type="text/javascript" src="manager/back_css/niceforms.js"></script>
		<link rel="stylesheet" type="text/css" media="all" href="manager/back_css/niceforms-default.css" />

	</head>
	<body>
		<div id="main_container">

			<div class="header">
				<div class="logo">
					<a href="#"><img src="manager/back_css/images/logo.gif" alt="" title="" border="0" /></a>
				</div>

				<div class="right_header">
					Welcome Admin, <a href="#">Visit site</a> | <a href="#" class="messages">(3) Messages</a> | <a href="#" class="logout">Logout</a>
				</div>
				<div class="jclock"></div>
			</div>

			<div class="main_content">

				<div class="menu">
					<ul>
						<li>
							<a class="current" href="manager/back_css/index.html">Admin Home</a>
						</li>
						<li>
							<a href="manager/back_css/list.html">Manage Categories<!--[if IE 7]><!--></a><!--<![endif]-->
							<!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
							</ul>
							<!--[if lte IE 6]></td></tr></table></a><![endif]-->
						</li>
						<li>
							<a href="login.html">Manage Users<!--[if IE 7]><!--></a><!--<![endif]-->
							<!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a class="sub1" href="" title="">sublevel2<!--[if IE 7]><!--></a><!--<![endif]-->
									<!--[if lte IE 6]><table><tr><td><![endif]-->
									<ul>
										<li>
											<a href="" title="">sublevel link</a>
										</li>
										<li>
											<a href="" title="">sulevel link</a>
										</li>
										<li>
											<a class="sub2" href="#nogo">sublevel3<!--[if IE 7]><!--></a><!--<![endif]-->

											<!--[if lte IE 6]><table><tr><td><![endif]-->
											<ul>
												<li>
													<a href="#nogo">Third level-1</a>
												</li>
												<li>
													<a href="#nogo">Third level-2</a>
												</li>
												<li>
													<a href="#nogo">Third level-3</a>
												</li>
												<li>
													<a href="#nogo">Third level-4</a>
												</li>
											</ul>

											<!--[if lte IE 6]></td></tr></table></a><![endif]-->
										</li>
										<li>
											<a href="" title="">sulevel link</a>
										</li>
									</ul>
									<!--[if lte IE 6]></td></tr></table></a><![endif]-->
								</li>

								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
							</ul>
							<!--[if lte IE 6]></td></tr></table></a><![endif]-->
						</li>
						<li>
							<a href="login.html">Manage Orders<!--[if IE 7]><!--></a><!--<![endif]-->
							<!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a class="sub1" href="" title="">sublevel2<!--[if IE 7]><!--></a><!--<![endif]-->
									<!--[if lte IE 6]><table><tr><td><![endif]-->
									<ul>
										<li>
											<a href="" title="">sublevel link</a>
										</li>
										<li>
											<a href="" title="">sulevel link</a>
										</li>
										<li>
											<a class="sub2" href="#nogo">sublevel3<!--[if IE 7]><!--></a><!--<![endif]-->

											<!--[if lte IE 6]><table><tr><td><![endif]-->
											<ul>
												<li>
													<a href="#nogo">Third level-1</a>
												</li>
												<li>
													<a href="#nogo">Third level-2</a>
												</li>
												<li>
													<a href="#nogo">Third level-3</a>
												</li>
												<li>
													<a href="#nogo">Third level-4</a>
												</li>
											</ul>

											<!--[if lte IE 6]></td></tr></table></a><![endif]-->
										</li>
										<li>
											<a href="" title="">sulevel link</a>
										</li>
									</ul>
									<!--[if lte IE 6]></td></tr></table></a><![endif]-->
								</li>

								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
							</ul>
							<!--[if lte IE 6]></td></tr></table></a><![endif]-->
						</li>
						<li>
							<a href="login.html">Settings<!--[if IE 7]><!--></a><!--<![endif]-->
							<!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
								<li>
									<a class="sub1" href="" title="">sublevel2<!--[if IE 7]><!--></a><!--<![endif]-->
									<!--[if lte IE 6]><table><tr><td><![endif]-->
									<ul>
										<li>
											<a href="" title="">sublevel link</a>
										</li>
										<li>
											<a href="" title="">sulevel link</a>
										</li>
										<li>
											<a class="sub2" href="#nogo">sublevel3<!--[if IE 7]><!--></a><!--<![endif]-->

											<!--[if lte IE 6]><table><tr><td><![endif]-->
											<ul>
												<li>
													<a href="#nogo">Third level-1</a>
												</li>
												<li>
													<a href="#nogo">Third level-2</a>
												</li>
												<li>
													<a href="#nogo">Third level-3</a>
												</li>
												<li>
													<a href="#nogo">Third level-4</a>
												</li>
											</ul>

											<!--[if lte IE 6]></td></tr></table></a><![endif]-->
										</li>
										<li>
											<a href="" title="">sulevel link</a>
										</li>
									</ul>
									<!--[if lte IE 6]></td></tr></table></a><![endif]-->
								</li>

								<li>
									<a href="" title="">Lorem ipsum dolor sit amet</a>
								</li>
							</ul>
							<!--[if lte IE 6]></td></tr></table></a><![endif]-->
						</li>
						<li>
							<a href="">Templates</a>
						</li>
						<li>
							<a href="">Custom details</a>
						</li>
						<li>
							<a href="">Contact</a>
						</li>
					</ul>
				</div>

				<div class="center_content">

					<div class="left_content">

						<div class="sidebar_search">
							<form>
								<input type="text" name="" class="search_input" value="search keyword" onclick="this.value=''" />
								<input type="image" class="search_submit" src="manager/back_css/images/search.png" />
							</form>
						</div>

						<div class="sidebarmenu">

							<a class="menuitem submenuheader" href="">Subcategories</a>
							<div class="submenu">
								<ul>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
								</ul>
							</div>
							<a class="menuitem submenuheader" href="" >Sidebar Settings</a>
							<div class="submenu">
								<ul>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
								</ul>
							</div>
							<a class="menuitem submenuheader" href="">Add new products</a>
							<div class="submenu">
								<ul>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
									<li>
										<a href="">Sidebar submenu</a>
									</li>
								</ul>
							</div>
							<a class="menuitem" href="">User Reference</a>
							<a class="menuitem" href="">Blue button</a>

							<a class="menuitem_green" href="">Green button</a>

							<a class="menuitem_red" href="">Red button</a>

						</div>

						<div class="sidebar_box">
							<div class="sidebar_box_top"></div>
							<div class="sidebar_box_content">
								<h3>User help desk</h3>
								<img src="manager/back_css/images/info.png" alt="" title="" class="sidebar_icon_right" />
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
								</p>
							</div>
							<div class="sidebar_box_bottom"></div>
						</div>

						<div class="sidebar_box">
							<div class="sidebar_box_top"></div>
							<div class="sidebar_box_content">
								<h4>Important notice</h4>
								<img src="manager/back_css/images/notice.png" alt="" title="" class="sidebar_icon_right" />
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
								</p>
							</div>
							<div class="sidebar_box_bottom"></div>
						</div>

						<div class="sidebar_box">
							<div class="sidebar_box_top"></div>
							<div class="sidebar_box_content">
								<h5>Download photos</h5>
								<img src="manager/back_css/images/photo.png" alt="" title="" class="sidebar_icon_right" />
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
								</p>
							</div>
							<div class="sidebar_box_bottom"></div>
						</div>

						<div class="sidebar_box">
							<div class="sidebar_box_top"></div>
							<div class="sidebar_box_content">
								<h3>To do List</h3>
								<img src="manager/back_css/images/info.png" alt="" title="" class="sidebar_icon_right" />
								<ul>
									<li>
										Lorem ipsum dolor sit amet, consectetur adipisicing elit.
									</li>
									<li>
										Lorem ipsum dolor sit ametconsectetur <strong>adipisicing</strong> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
									</li>
									<li>
										Lorem ipsum dolor sit amet, consectetur <a href="#">adipisicing</a> elit.
									</li>
									<li>
										Lorem ipsum dolor sit amet, consectetur adipisicing elit.
									</li>
									<li>
										Lorem ipsum dolor sit amet, consectetur adipisicing elit.
									</li>
									<li>
										Lorem ipsum dolor sit amet, consectetur adipisicing elit.
									</li>
								</ul>
							</div>
							<div class="sidebar_box_bottom"></div>
						</div>

					</div>

					<div class="right_content">

						<h2>Products Categories Settings</h2>

						<table id="rounded-corner" summary="2007 Major IT Companies' Profit">
							<thead>
								<tr>
									<th scope="col" class="rounded-company"></th>
									<th scope="col" class="rounded">Product</th>
									<th scope="col" class="rounded">Details</th>
									<th scope="col" class="rounded">Price</th>
									<th scope="col" class="rounded">Date</th>
									<th scope="col" class="rounded">Edit</th>
									<th scope="col" class="rounded-q4">Delete</th>
								</tr>
							</thead>
							<tfoot>
								<tr>
									<td colspan="6" class="rounded-foot-left"><em>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.</em></td>
									<td class="rounded-foot-right">&nbsp;</td>

								</tr>
							</tfoot>
							<tbody>
								<tr>
									<td>
									<input type="checkbox" name="" />
									</td>
									<td>Product name</td>
									<td>details</td>
									<td>150$</td>
									<td>12/05/2010</td>

									<td><a href="#"><img src="manager/back_css/images/user_edit.png" alt="" title="" border="0" /></a></td>
									<td><a href="#" class="ask"><img src="manager/back_css/images/trash.png" alt="" title="" border="0" /></a></td>
								</tr>

								<tr>
									<td>
									<input type="checkbox" name="" />
									</td>
									<td>Product name</td>
									<td>details</td>
									<td>150$</td>
									<td>12/05/2010</td>

									<td><a href="#"><img src="manager/back_css/images/user_edit.png" alt="" title="" border="0" /></a></td>
									<td><a href="#" class="ask"><img src="manager/back_css/images/trash.png" alt="" title="" border="0" /></a></td>
								</tr>

								<tr>
									<td>
									<input type="checkbox" name="" />
									</td>
									<td>Product name</td>
									<td>details</td>
									<td>150$</td>
									<td>12/05/2010</td>

									<td><a href="#"><img src="manager/back_css/images/user_edit.png" alt="" title="" border="0" /></a></td>
									<td><a href="#" class="ask"><img src="manager/back_css/images/trash.png" alt="" title="" border="0" /></a></td>
								</tr>

								<tr>
									<td>
									<input type="checkbox" name="" />
									</td>
									<td>Product name</td>
									<td>details</td>
									<td>150$</td>
									<td>12/05/2010</td>

									<td><a href="#"><img src="manager/back_css/images/user_edit.png" alt="" title="" border="0" /></a></td>
									<td><a href="#" class="ask"><img src="manager/back_css/images/trash.png" alt="" title="" border="0" /></a></td>
								</tr>
								<tr>
									<td>
									<input type="checkbox" name="" />
									</td>
									<td>Product name</td>
									<td>details</td>
									<td>150$</td>
									<td>12/05/2010</td>

									<td><a href="#"><img src="manager/back_css/images/user_edit.png" alt="" title="" border="0" /></a></td>
									<td><a href="#" class="ask"><img src="manager/back_css/images/trash.png" alt="" title="" border="0" /></a></td>
								</tr>

								<tr>
									<td>
									<input type="checkbox" name="" />
									</td>
									<td>Product name</td>
									<td>details</td>
									<td>150$</td>
									<td>12/05/2010</td>

									<td><a href="#"><img src="manager/back_css/images/user_edit.png" alt="" title="" border="0" /></a></td>
									<td><a href="#" class="ask"><img src="manager/back_css/images/trash.png" alt="" title="" border="0" /></a></td>
								</tr>

							</tbody>
						</table>

						<a href="#" class="bt_green"><span class="bt_green_lft"></span><strong>Add new item</strong><span class="bt_green_r"></span></a>
						<a href="#" class="bt_blue"><span class="bt_blue_lft"></span><strong>View all items from category</strong><span class="bt_blue_r"></span></a>
						<a href="#" class="bt_red"><span class="bt_red_lft"></span><strong>Delete items</strong><span class="bt_red_r"></span></a>

						 <div class="pagination" id="mypager">  </div> 

						<h2>Warning Box examples</h2>

						<div class="warning_box">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.
						</div>
						<div class="valid_box">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.
						</div>
						<div class="error_box">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.
						</div>

						<h2>Nice Form example</h2>

						<div class="form">
							<form action="" method="post" class="niceform">

								<fieldset>
									<dl>
										<dt>
											<label for="email">Email Address:</label>
										</dt>
										<dd>
											<input type="text" name="" id="" size="54" />
										</dd>
									</dl>
									<dl>
										<dt>
											<label for="password">Password:</label>
										</dt>
										<dd>
											<input type="text" name="" id="" size="54" />
										</dd>
									</dl>

									<dl>
										<dt>
											<label for="gender">Select categories:</label>
										</dt>
										<dd>
											<select size="1" name="gender" id="">
												<option value="">Select option 1</option>
												<option value="">Select option 2</option>
												<option value="">Select option 3</option>
												<option value="">Select option 4</option>
												<option value="">Select option 5</option>
											</select>
										</dd>
									</dl>
									<dl>
										<dt>
											<label for="interests">Select tags:</label>
										</dt>
										<dd>
											<input type="checkbox" name="interests[]" id="" value="" />
											<label class="check_label">Web design</label>
											<input type="checkbox" name="interests[]" id="" value="" />
											<label class="check_label">Business</label>
											<input type="checkbox" name="interests[]" id="" value="" />
											<label class="check_label">Simple</label>
											<input type="checkbox" name="interests[]" id="" value="" />
											<label class="check_label">Clean</label>
										</dd>
									</dl>

									<dl>
										<dt>
											<label for="color">Select type</label>
										</dt>
										<dd>
											<input type="radio" name="type" id="" value="" />
											<label class="check_label">Basic</label>
											<input type="radio" name="type" id="" value="" />
											<label class="check_label">Medium</label>
											<input type="radio" name="type" id="" value="" />
											<label class="check_label">Premium</label>
										</dd>
									</dl>

									<dl>
										<dt>
											<label for="upload">Upload a File:</label>
										</dt>
										<dd>
											<input type="file" name="upload" id="upload" />
										</dd>
									</dl>

									<dl>
										<dt>
											<label for="comments">Message:</label>
										</dt>
										<dd>
											<textarea name="comments" id="comments" rows="5" cols="36"></textarea>
</dd>									</dl>

									<dl>
										<dt>
											<label></label>
										</dt>
										<dd>
											<input type="checkbox" name="interests[]" id="" value="" />
											<label class="check_label">I agree to the <a href="#">terms &amp; conditions</a></label>
										</dd>
									</dl>

									<dl class="submit">
										<input type="submit" name="submit" id="submit" value="Submit" />
									</dl>

								</fieldset>

							</form>
						</div>

					</div><!-- end of right content-->

				</div>
				<!--end of center content -->

				<div class="clear"></div>
			</div>
			<!--end of main content-->

			<div class="footer">

				<div class="left_footer">
					IN ADMIN PANEL | Powered by <a href="http://indeziner.com">INDEZINER</a>
				</div>
				<div class="right_footer">
					<a href="http://indeziner.com"><img src="manager/back_css/images/indeziner_logo.gif" alt="" title="" border="0" /></a>
				</div>

			</div>

		</div>
	</body>
</html>